<template>
    <div class="list-wrapper">
        <slot></slot>
    </div>
</template>

<script>
    export default {
        name: 'myList',
        data() {
            return {}
        },
        props: {
            // list: {
            //     type: Array,
            //     required: true
            // }
        }
    }
</script>

<style scoped>
    .list-wrapper {
        /*width: 100%;*/
        display: flex;
        flex-direction: column;
        position: relative;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 0 4px 2px rgba(200, 200, 200, .5);
        border-radius: .16rem;
    }
</style>
